<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>

    <link rel="stylesheet" type="text/css" href="../layui/css/layui.css" media="all">
</head>

<body>
<section class="layui-larry-box">
    <div class="larry-personal">
        <!--<header class="larry-personal-tit">-->
            <!--<span>信息编辑</span>-->
        <!--</header>&lt;!&ndash; /header &ndash;&gt;-->

        <blockquote class="layui-elem-quote layui-text">
            <!--<header class="larry-personal-tit">-->
            <span>信息编辑</span>
            <!--</header>&lt;!&ndash; /header &ndash;&gt;-->
        </blockquote>


        <div class="larry-personal-body clearfix">
            <form class="layui-form col-lg-5" action="" method="post">
                <div class="layui-form-item">
                    <label class="layui-form-label">用户名</label>
                    <div class="layui-input-block">
                        <input type="text" name="title"  autocomplete="off"  class="layui-input layui-disabled" value="admin" disabled="disabled" >
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">所属角色</label>
                    <div class="layui-input-block">
                        <input type="text" name="username"  autocomplete="off" class="layui-input layui-disabled" value="超级管理员" disabled="disabled">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">真实姓名</label>
                    <div class="layui-input-block">
                        <input type="text" name="username"  autocomplete="off" class="layui-input" value="Snake">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">手机号码</label>
                    <div class="layui-input-block">
                        <input type="text" name="username"  autocomplete="off" class="layui-input" placeholder="输入手机号码">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">性别</label>
                    <div class="layui-input-block">
                        <input type="radio" name="sex" value="男" title="男" checked=""><div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i><span>男</span></div>
                        <input type="radio" name="sex" value="女" title="女"><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><span>女</span></div>
                    </div>
                </div>

                <div class="layui-form-item">
                        <label class="layui-form-label">上传头像:</label>
                        <button type="button" class="layui-btn" id="test3"><i class="layui-icon"></i>选择头像</button>
                </div>

                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">座右铭</label>
                    <div class="layui-input-block">
                        <textarea placeholder="从明天起，做一个幸福的人，喂马、劈柴，周游世界." value="" class="layui-textarea"></textarea>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>

<script type="text/javascript" src="../layui/layui.js"></script>
<script>
    layui.use('upload', function(){
        var $ = layui.jquery
            ,upload = layui.upload;
        //指定允许上传的文件类型
        upload.render({
            elem: '#test3'
            ,url: ''
            ,accept: 'file' //普通文件
            ,done: function(res){
                console.log(res)
            }
        });

    });

    // layui.use(['form','upload'],function(){
    //     var form = layui.form;
        // layui.upload({
        //     url: '' ,//上传接口
        //     success: function(res){
        //      //上传成功后的回调
        //      console.log(res)
        //    }
        // });

    // });
</script>
</body>
</html>